<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link id="style" rel="stylesheet" type="text/css" href="style.css"></link>
	<script type="text/javascript" src="lefun.js"></script>
	<title>le fun - Home</title>
</head>

<body onload="changeStyle(this.options[this.selectedIndex].value)">
	<div class="header">
		<div id="logo">
			<a href="index.html"><img src="images/logo.png" alt="logo" width="100" height="30" /></a>
		</div>
		<div id="konten">
			<button type="button" onclick="gotoDaftarKonten()">Daftar Konten</button>
		</div>
		<div id="tombol">
			<button type="button" onclick="gotoHalamanRegistrasi()">Register</button>
		</div>
		<div id="home">
			<button type="button" onclick="gotoHalamanUtama()">Home</button>
		</div>
		<div id="styles">
			<select name="styler" onchange="changeStyle(this.options[this.selectedIndex].value)">
				<option value="style.css">Style 1</option>
				<option value="style2.css">Style 2</option>
			</select>
		</div>
	</div>
	<div class="head">
		<img src="images/main.png" alt="main" width="300" height="100"></img>
	</div>
	<div class="content">
		<div class="container">
			<div class="konten1">
				<h2><a href="konten1.html">MIIME EVER</a></h2>
				<object type="application/x-shockwave-flash" width="95%" height="250" data="http://www.youtube.com/v/HQ1KaYEBe5U"><param name="movie" value="http://www.youtube.com/v/HQ1KaYEBe5U" /></object>
				<p id="p1"> Likes = <script type="text/javascript">random(1);document.write(rand1);</script></p>
				<button id="dislike1" type="button" onclick="dislike(1)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDislike(1)"><img src="images/dislike.png" alt="logo" width="30" height="30" /></button>
				<button id="like1" type="button" onclick="like(1)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLike(1)"><img src="images/like.png" alt="logo" width="30" height="30" /></button>
			</div>
		</div>
		<div class="container2">
			<div class="konten1">
				<h2><a href="konten2.html">Tidak.....</a></h2>
				<img src="images/andika-naruto.jpg" alt="naruto" width="95%" height="250px" />
				<p id="p2"> Likes = <script type="text/javascript">random(2);document.write(rand2);</script></p>
				<button id="dislike2" type="button" onclick="dislike(2)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDislike(2)"><img src="images/dislike.png" alt="logo" width="30" height="30" /></button>
				<button id="like2" type="button" onclick="like(2)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLike(2)"><img src="images/like.png" alt="logo" width="30" height="30" /></button>
			</div>
		</div>
		<div class="container2">
			<div class="konten2">
				<h2><a href="konten3.html">Electric Train</a></h2>
				<h3>http://www.coolfunnyjokes.com/Funny-Jokes/Misc-Jokes/Electric-Train.html</h3>
				<h3>A few days after Christmas, a mother was working in the kitchen listening to her young son playing with his new electric train in the living room. She heard the train stop and her son said, "All of you sons of bitches who want off...</h3>
				<p id="p3"> Likes = <script type="text/javascript">random(3);document.write(rand3);</script></p>
				<button id="dislike3" type="button" onclick="dislike(3)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDislike(3)"><img src="images/dislike.png" alt="logo" width="30" height="30" /></button>
				<button id="like3" type="button" onclick="like(3)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLike(3)"><img src="images/like.png" alt="logo" width="30" height="30" /></button>
			</div>
		</div>
	</div>
	<div class="post">
		<button type="button" onclick="gotoHalamanPost()">Post Your Content</button>
	</div>
</body>
</html>